<template>
  <div id="app" class="min-box">
    <!-- <keep-alive> -->
    <router-view v-if="isRouterAlive" />
    <!-- </keep-alive> -->
  </div>
</template>
<script>
export default {
  // 组件名称
  name: "App",
  provide() {
    return {
      reload: this.reload,
    };
  },

  data() {
    return {
      isRouterAlive: true,
    };
  },
  // 组件初始化
  created() {},
  // 组件实例挂载完毕
  mounted() {},
  // 组件计算属性
  computed: {},
  // 组件方法
  methods: {
    reload() {
      this.isRouterAlive = false;
      this.$nextTick(() => {
        this.isRouterAlive = true;
      });
    },
  },
};
</script>

<style lang="less" scoped>
#app {
  
}
.min-box {
  width: 100%;
  width: 100vw;
  height: 100%;
  background-color: #ffffff;
}
</style>
